<template>
  <a-card :bordered="false">
    <!-- 卡片区域 -->
    <myheadcard></myheadcard>

    <!-- 查询区域 -->
    <div class="table-page-search-wrapper" style="margin-top:50px">
      <a-form layout="inline">
        <a-row :gutter="24">
          <!-- 操作按钮区域 -->
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <div class="table-operator">
              <!-- 资源类型分类 -->
              <div>
                <a-radio-group v-model="typekey" @change="onChange">
                  <a-radio-button value="all">
                    全部
                  </a-radio-button>
                  <a-radio-button value="cj">
                    场景
                  </a-radio-button>
                  <a-radio-button value="map">
                    地图
                  </a-radio-button>                 
                </a-radio-group>
              </div>
            </div>
          </a-col>
          <a-col :xl="6" :lg="7" :md="8" :sm="24" style="margin-left:300px">
            <a-form-item label="资源名称">
              <a-input placeholder="请输入关键字" v-model="mytext"></a-input>
            </a-form-item>
          </a-col>

          <a-col :xl="4" :lg="5" :md="6" :sm="24">
            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
              <a-button type="primary" @click="searchResult" icon="search">查询</a-button>
              <a-button
                type="primary"
                @click="searchReset"
                icon="reload"
                style="margin-left: 8px"
              >重置</a-button>
            </span>
          </a-col>
        </a-row>
      </a-form>
    </div>
      <mymaplist :typekey="typekey" ref="mymaplist" :ismanager='ismanager'></mymaplist>

    <!-- </div> -->
  </a-card>
</template>


<script>
import '@/assets/less/TableExpand.less'
import Axios from 'axios'
import myheadcard from '@/components/mycomponents/myheadcard'
import mymaplist from '@/components/mycomponents/mymaplist';
import mymapphoto from  '@/components/mycomponents/mymapphoto';



export default {
  name: 'MapListManager',
  components: {
    myheadcard,
    mymaplist,
    mymapphoto,
    
  },
  
  data(){
    return{
        mytext:'',
        typekey:'all',
        ismanager:true,
    //   islist: true,
    }
  },
  
  mounted() {
    
  },
  computed:{
     
  },
  
  methods: {
    initDictConfig() {
    },
    onChange(e) {
      this.mytext ='';
    },
    searchResult() {
      this.$refs.mymaplist.searchMap(this.mytext)
    },
    searchReset(){
      this.typekey = 'all',
      this.mytext = '',
      this.searchResult()
    }
  }
}
</script>
<style scoped>

@import '~@assets/less/common.less';
</style>